import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';


class Footer extends Component{
	render(){
		return(
				<ul className="yo-tab">
                    <Touchable touchClass="touchable-opacity" onTap={() => {yoHistory.goto('/')}} ><li  className="item item-y-ico" ><i className="el-icon-date yo-ico"></i>首页</li></Touchable>
                    <Touchable touchClass="touchable-opacity" onTap={() => {yoHistory.goto('/skills')}} ><li  className="item item-y-ico" ><i className="el-icon-menu yo-ico"></i>技能</li></Touchable>
                    <Touchable touchClass="touchable-opacity" onTap={() => {yoHistory.goto('/project')}} ><li  className="item item-y-ico" ><i className="el-icon-star-off yo-ico"></i>项目</li></Touchable>
                    <Touchable touchClass="touchable-opacity" onTap={() => {yoHistory.goto('/my')}} ><li  className="item item-y-ico" ><i className="el-icon-info yo-ico"></i>我</li></Touchable>
                </ul>
			)
	}
}

export default Footer;